<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>后台管理系统 | BAT</title> 
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">  
  
  <link rel="stylesheet" href="/admin/css/bootstrap.min.css">
  
  <link rel="stylesheet" href="/admin/css/font-awesome/css/font-awesome.min.css">
  
  <link rel="stylesheet" href="/admin/css/Ionicons/css/ionicons.min.css"> 
  
  <link rel="stylesheet" href="/admin/css/AdminLTE.min.css">
  
  <link rel="stylesheet" href="/admin/css/admin.frm.css">
  
  <link rel="stylesheet" href="/admin/css/iconfont.css">
  
  <link rel="stylesheet" type="text/css" href="/admin//css/flat/lazy3q.ui.css" />
  <style>.content{min-height:inherit;}</style>
  <script>window.adminLTE = true;</script>
  <!-- AdminLTE Skins. We have chosen the skin-blue for this starter
        page. However, you can choose any other skin. Make sure you
        apply the skin class to the body tag so the changes take effect. -->
  <link rel="stylesheet" href="/admin/css/skins/_all-skins.min.css">
  
  
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->

  
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
  
  
  <script>window.duteTag="lz";</script>
  <script type="text/javascript" src="/admin/js/dute-1.0.js"></script>
  <script type="text/javascript" src="/admin/js/jquery.min.js"></script>
  <script type="text/javascript" src="/admin/js/lazy3q.ui.js"></script>
  
  <script src="/admin/js/bootstrap.min.js"></script>
  
  <script src="/admin/js/adminlte.min.js"></script>
  <!-- jquery-slimscroll -->
  <script src="/admin/js/jquery-slimscroll/jquery.slimscroll.min.js"></script>
  
  <script src="/admin/js/admin.frm.js"></script>
  <!-- Optionally, you can add Slimscroll and FastClick plugins.
		 Both of these plugins are recommended to enhance the
		 user experience. -->  
   <script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp&libraries=convertor,drawing"></script>
</head>
<script>
$(function(){
	$(document.body).css({
	   "overflow-x":"hidden",
	   "overflow-y":"hidden"
	 });
})
</script>
<!--
BODY TAG OPTIONS:
=================
Apply one or more of the following classes to get the
desired effect
|---------------------------------------------------------|
| SKINS         | skin-blue                               |
|               | skin-black                              |
|               | skin-purple                             |
|               | skin-yellow                             |
|               | skin-red                                |
|               | skin-green                              |
|---------------------------------------------------------|
|LAYOUT OPTIONS | fixed                                   |
|               | layout-boxed                            |
|               | layout-top-nav                          |
|               | sidebar-collapse                        |
|               | sidebar-mini                            |
|---------------------------------------------------------|
-->
<script>
$.cookie("theme","flat");
Page({
  data:{
    
  },
  onLoad: function(options) {
  	var THIS = this;
  	 $.getAjax("menu.do",{},function(protocol){
  		if(protocol.message){
  			$.toast(protocol.message);
  		}
  		var projects = protocol.data.projects;
  		var mapping = {};
  		var projectList = [];
  		if(projects){
  			for(var o in projects){
  				if(projects[o].spParentId==0){
  					var project = projects[o];
  					projectList.push(project);
  					mapping[""+project.spId]=project;
  				}
  			}
  			for(var o in projects){
  				if(projects[o].spParentId!=0){
  					var project = projects[o];
  					project.spUrl = project.spUrl.replace(".do",".html");
  					var parentProject = mapping[""+project.spParentId];
  					if(parentProject){
	  					parentProject.children = parentProject.children||[];
	  					parentProject.children.push(project);
  					}
  				}
  			}
  		}
  		protocol.data.projects=projectList;
  		THIS.setData(protocol.data);
  	});
  }
});
function globalFilter(json,caller){
	if(json.error=="login_error"){
		window.location.href="/admin/login.htm";
	}
	if(json.error=="ACT_MESSAGE"){
		var dialog = $(".dialog:visible");
		if(dialog.size()>0){
			dialog.data("close")();
		}
		$.alert(json.data.message);
	}
	if(json.error=="ACT_HREF"){
		top.navigateTo(json.data);
		return;
	}
	if(json.error=="ACT_REDIRECT"){
		(caller||window).location.href = json.data.url;
		return;
	}
	if(json.data && json.data.limitValue){
		var bytes=[128,256,512,1024,2048,4096,8192,16384,32768,65536,131071,262143,524287,1048575,2097151,4194303,8388607,16777215];
		json.data.canView=(json.data.limitValue & 1) ==1;
		json.data.canAdd=(json.data.limitValue & 2) ==2;
		json.data.canEdit=(json.data.limitValue & 4) ==4;
		json.data.canDel=(json.data.limitValue & 8) ==8;
		json.data.canImport=(json.data.limitValue & 16) ==16;
		json.data.canExport=(json.data.limitValue & 32) ==32;
		json.data.canStats=(json.data.limitValue & 64) ==64;
		json.data.canExp=[];
		for(var i=0;i<bytes.length;i++){
			json.data.canExp[i]=(json.data.limitValue & bytes[i]) ==bytes[i];
		}
	}
}
</script>
<body class="hold-transition skin-red fixed sidebar-mini" scroll="no">
<div class="wrapper" style="overflow-y: hidden;padding:0px;">

  
  <header class="main-header">

    
    <a href="index2.htm" class="logo">
      
      <span class="logo-mini"><b>A</b>dm</span>
      
      <span class="logo-lg"><b>后台管理系统</b> v1.0</span>
    </a>

    
    <nav class="navbar navbar-static-top" role="navigation">
      
      <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button"></a>
	  
      
      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">		  
          
          <li class="dropdown messages-menu">
            
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <i class="fa fa-envelope-o"></i>
              <span class="label label-success">4</span>
            </a>
            <ul class="dropdown-menu">
              <li class="header">您有0消息</li>
              <li>
                
                <ul class="menu">
                  <li>
                    <a href="#">
                      <div class="pull-left">
                        
                        <img src="/admin/images/user2-160x160.jpg" class="img-circle" alt="User Image">
                      </div>
                      
                      <h4>
                        Support Team
                        <small><i class="fa fa-clock-o"></i> 5 mins</small>
                      </h4>
                      
                      <p>Why not buy a new awesome theme?</p>
                    </a>
                  </li>
                  
                </ul>
                
              </li>
              <li class="footer"><a href="#">See All Messages</a></li>
            </ul>
          </li>
          <!-- /.messages-menu -->

          
          <li class="dropdown notifications-menu">
            
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <i class="fa fa-bell-o"></i>
              <span class="label label-warning">10</span>
            </a>
            <ul class="dropdown-menu">
              <li class="header">You have 10 notifications</li>
              <li>
                
                <ul class="menu">
                  <li>
                    <a href="#">
                      <i class="fa fa-users text-aqua"></i> 5 new members joined today
                    </a>
                  </li>
                  
                </ul>
              </li>
              <li class="footer"><a href="#">View all</a></li>
            </ul>
          </li>
          
          <li class="dropdown tasks-menu">
            
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <i class="fa fa-flag-o"></i>
              <span class="label label-danger">9</span>
            </a>
            <ul class="dropdown-menu">
              <li class="header">You have 9 tasks</li>
              <li>
                
                <ul class="menu">
                  <li>
                    <a href="#">
                      
                      <h3>
                        Design some buttons
                        <small class="pull-right">20%</small>
                      </h3>
                      
                      <div class="progress xs">
                        
                        <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar"
                             aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                          <span class="sr-only">20% Complete</span>
                        </div>
                      </div>
                    </a>
                  </li>
                  
                </ul>
              </li>
              <li class="footer">
                <a href="#">View all tasks</a>
              </li>
            </ul>
          </li>
          
          <li>
            <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
          </li>
        </ul>
      </div>
	  
	  
      <a id="toRight" href="javascript:void(0)" class="sidebar-forward sidebar-to-right fa fa-forward" role="button"></a>
	  
      <a id="toLeft" href="javascript:void(0)" class="sidebar-forward sidebar-to-left fa fa-backward" role="button"></a>
	  <ul class="nav navbar-nav" style="float:right;">
		<li class="dropdown">
		  <a href="#" class="dropdown-toggle" data-toggle="dropdown">关闭&nbsp;&nbsp;<span class="caret"></span></a>
		  <ul class="dropdown-menu navbar-close-btns" role="menu">
			<li><a scope="current" href="javascript:void(0);">关闭当前</a></li>
			<li><a scope="other" href="javascript:void(0);">关闭其它</a></li>
			<li class="divider"></li>
			<li><a scope="all" href="javascript:void(0);">关闭所有</a></li>
		  </ul>
		</li>
	  </ul>
	  <div id="frm-nav" class="frm-nav">
	  	<div class="frm-nav-warp">
			<ul id="frm-bav-bar" class="nav navbar-nav">
				
			</ul>
		</div>
	  </div>
	  
    </nav>
  </header>
  
  
  
 	 
  <aside class="main-sidebar" style="width:230px;">

    
    <section class="sidebar">

      
      <div class="user-panel">
        <div class="pull-left image">
          <img src="/admin/images/user2-160x160.jpg" class="img-circle" alt="User Image">
        </div>
        <div class="pull-left info" style="right: 15px;">
          <div style="padding-bottom:10px;">
          	<a href="javascript:void(0);" onclick="$.getAjax('logout.do',function(protocol){if(protocol.success){top.location.href='login.htm'}})" style="float:right;font-size:12px;">退出</a>
          	{{username}}
          </div>
          
          <div>
          	<a href="javascript:void(0);" onclick="top.$.showModalDialog({url:'password.html'},{},null);" style="float:right;font-size:12px;">修改密码</a>
          	<!-- <a href="#"><i class="fa fa-circle text-success"></i> {{username}}</a> -->
          </div>
        </div>
      </div>

      
      <form action="#" method="get" class="sidebar-form">
        <div class="input-group">
          <input type="text" name="q" class="form-control" placeholder="搜索...">
          <span class="input-group-btn">
              <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
              </button>
            </span>
        </div>
      </form>
            
		
		
		<div class="sidebar-warpper" style="position:relative;">
		  <ul class="sidebar-menu" data-widget="tree">
			<li class="header">导航菜单</li>
			
			
               	<li lz:for="{{projects}}" lz:for-item="projectA" class="treeview">
				  <a href="#"><i class="fa iconfont {{projectA.spIcon}}"></i> <span>{{projectA.spName}}</span><span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span></a>
				  <ul class="treeview-menu">
                          	<li lz:for="{{projectA.children}}"  lz:for-item="projectB">
	                          	<a style="padding-left:15px;" href="javascript:top.navigateTo({url:'/{{projectB.spUrl}}',title:'{{projectB.spName}}'});">
	                          	<i class="fa iconfont {{projectB.spIcon}}"></i>
	                          	<span>{{projectB.spName}}</span></a>
                          	</li>
				  </ul>
				</li>
			
		  </ul>
		</div>
      <!-- /.sidebar-menu -->
    </section>
    	

  </aside>
  
  

  
  <div class="content-wrapper" style="position: relative;">
  	<div id="iframes" style="position: absolute;bottom: 0px;right: 0px;top: 50px;left: 0px;"> 
		
		
    </div>
  </div>
  <!-- /.content-wrapper -->


  
  <aside class="control-sidebar control-sidebar-dark">
    
    <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
      <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
      <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
    </ul>
    
    <div class="tab-content">
      
      <div class="tab-pane active" id="control-sidebar-home-tab">
      
      	<h4 class="control-sidebar-heading">Styles</h4>
          
        <ul class="list-unstyled clearfix"><li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0)" data-skin="skin-blue" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px; background: #367fa9"></span><span class="bg-light-blue" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div></a><p class="text-center no-margin">Blue</p></li><li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0)" data-skin="skin-black" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"><div style="box-shadow: 0 0 2px rgba(0,0,0,0.1)" class="clearfix"><span style="display:block; width: 20%; float: left; height: 7px; background: #fefefe"></span><span style="display:block; width: 80%; float: left; height: 7px; background: #fefefe"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #222"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div></a><p class="text-center no-margin">Black</p></li><li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0)" data-skin="skin-purple" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-purple-active"></span><span class="bg-purple" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div></a><p class="text-center no-margin">Purple</p></li><li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0)" data-skin="skin-green" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-green-active"></span><span class="bg-green" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div></a><p class="text-center no-margin">Green</p></li><li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0)" data-skin="skin-red" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-red-active"></span><span class="bg-red" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div></a><p class="text-center no-margin">Red</p></li><li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0)" data-skin="skin-yellow" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-yellow-active"></span><span class="bg-yellow" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div></a><p class="text-center no-margin">Yellow</p></li><li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0)" data-skin="skin-blue-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px; background: #367fa9"></span><span class="bg-light-blue" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div></a><p class="text-center no-margin" style="font-size: 12px">Blue Light</p></li><li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0)" data-skin="skin-black-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"><div style="box-shadow: 0 0 2px rgba(0,0,0,0.1)" class="clearfix"><span style="display:block; width: 20%; float: left; height: 7px; background: #fefefe"></span><span style="display:block; width: 80%; float: left; height: 7px; background: #fefefe"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div></a><p class="text-center no-margin" style="font-size: 12px">Black Light</p></li><li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0)" data-skin="skin-purple-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-purple-active"></span><span class="bg-purple" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div></a><p class="text-center no-margin" style="font-size: 12px">Purple Light</p></li><li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0)" data-skin="skin-green-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-green-active"></span><span class="bg-green" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div></a><p class="text-center no-margin" style="font-size: 12px">Green Light</p></li><li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0)" data-skin="skin-red-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-red-active"></span><span class="bg-red" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div></a><p class="text-center no-margin" style="font-size: 12px">Red Light</p></li><li style="float:left; width: 33.33333%; padding: 5px;"><a href="javascript:void(0)" data-skin="skin-yellow-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover"><div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-yellow-active"></span><span class="bg-yellow" style="display:block; width: 80%; float: left; height: 7px;"></span></div><div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div></a><p class="text-center no-margin" style="font-size: 12px">Yellow Light</p></li></ul>
          
        <h3 class="control-sidebar-heading">Recent Activity</h3>
        <ul class="control-sidebar-menu">
          <li>
            <a href="javascript:;">
              <i class="menu-icon fa fa-birthday-cake bg-red"></i>

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">Langdon's Birthday</h4>

                <p>Will be 23 on April 24th</p>
              </div>
            </a>
          </li>
        </ul>
        <!-- /.control-sidebar-menu -->

        <h3 class="control-sidebar-heading">Tasks Progress</h3>
        <ul class="control-sidebar-menu">
          <li>
            <a href="javascript:;">
              	
          		<h4 class="control-sidebar-subheading">
	                Custom Template Design
	                <span class="pull-right-container">
	                    <span class="label label-danger pull-right">70%</span>
	                  </span>
	            </h4>
	
	            <div class="progress progress-xxs">
	                <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
	            </div>
            </a>
          </li>
        </ul>
        <!-- /.control-sidebar-menu -->

      </div>
      <!-- /.tab-pane -->
      
      <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
      <!-- /.tab-pane -->
      
      <div class="tab-pane" id="control-sidebar-settings-tab">
        <form method="post">
          <h3 class="control-sidebar-heading">General Settings</h3>

          <div class="form-group">
            <label class="control-sidebar-subheading">
              Report panel usage
              <input type="checkbox" class="pull-right" checked>
            </label>

            <p>
              Some information about this general settings option
            </p>
          </div>
          
          <!-- /.form-group -->
        </form>
      </div>
      <!-- /.tab-pane -->
    </div>
  </aside>
  <!-- /.control-sidebar -->
  <!-- Add the sidebar's background. This div must be placed
  immediately after the control sidebar -->
  <div class="control-sidebar-bg"></div>
</div>



</body>
</html>